<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <script src="./js/jQuery.min.js"></script>

    <script src="./js/animate.js"></script>

</head>

<body>
    <!-- 返回顶部 -->
    <div class="back_to_top">
        <div class="main"></div>
        <span>返回顶部</span>
    </div>
    <header>
        <div class="container">
            <div class="row">
                <div class="header">
                    <div class="logo">
                        <h1>logo</h1>
                    </div>
                    <div class="nav">
                        <ul>
                            <li><a href="./index.html">Home</a></li>
                            <li><a href="./news.html">New</a></li>
                            <li><a href="./FAQ.html">FAQ</a></li>
                        </ul>
                    </div>
                    <div class="sear">
                        <input class="search" type="text">
                        <button>搜索</button>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <!-- 轮播图 -->
                <div class="banner">
                    <div class="four">
                        <!-- 左侧按钮 -->
                        <a href="JavaScript:;" class="arrow_l">&lt;</a>
                        <!-- 右侧按钮 -->
                        <a href="JavaScript:;" class="arrow_r">&gt;</a>
                    </div>
                    <ol>

                    </ol>
                    <ul>
                        <li>
                            <a href="JavaScript:;"><img src="./images/a1.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="JavaScript:;"><img src="./images/a2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="JavaScript:;"><img src="./images/a3.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <!-- 新闻文章 -->
                <div class="new">
                    <h1>新闻文章</h1>
                    <div class="new_box">

                    </div>
                    <!-- <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m1.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div>
                    <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m22.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div>
                    <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m3.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div>
                    <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m44.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div>
                    <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m5.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div> -->
                    <!-- <div class="new_list">
                        <div class="new_list_pic">
                            <img src="./images/m7.png" alt="">
                        </div>
                        <div class="new_list_title">
                            <h2>宝马系列</h2>
                            <p>自由挥洒驾趣，豪华质感由表及里。BMW 1系运动轿车，全系标配镀铬套件。</p>
                            <span>BMW 1系M运动曜夜版，外后视镜经涂黑处理，并带有独特标识投影，散发豪华质感。 </span>
                        </div>
                    </div> -->
                </div>
                <!-- 汽车展示 -->

                <div class="car">
                    <h1>汽车展示</h1>
                    <div class="Exhibition">
                        <div class="car_Exhibition">
                            <img src="./images/m1.png" alt="">
                        </div>
                        <div class="Exhibition_text">
                            <h2>给生活加点猛料</h2>
                            <span> BMW 1系运动轿车，重塑潮流，型格肆意。</span>
                            <p>BMW 1系运动轿车<br>
                                车型售价￥205,800起</p>
                        </div>
                        <div class="Exhibition_btn">
                            <button>了解详情</button>
                        </div>
                    </div>
                    <div class="Exhibition">
                        <div class="car_Exhibition_one">
                            <img src="./images/m2.png" alt="">
                        </div>
                        <div class="Exhibition_text">
                            <h2>本色，当先</h2>
                            <span>全新BMW 2系双门轿跑车</span>
                            <p>全新BMW 2系双门轿跑车
                                <br>
                                车型售价￥299,800起
                            </p>
                        </div>
                        <div class="Exhibition_btn">
                            <button>了解详情</button>
                        </div>
                    </div>
                    <div class="Exhibition">
                        <div class="car_Exhibition">
                            <img src="./images/m3.png" alt="">
                        </div>
                        <div class="Exhibition_text">
                            <h2>锐意灵感，一触即发</h2>
                            <span> 创新BMW 2系四门轿跑车</span>
                            <p>创新BMW 2系四门轿跑车
                                <br>
                                车型售价￥269,800起
                            </p>
                        </div>
                        <div class="Exhibition_btn">
                            <button>了解详情</button>
                        </div>
                    </div>
                    <div class="Exhibition">
                        <div class="car_Exhibition_one">
                            <img src="./images/m4.png" alt="">
                        </div>
                        <div class="Exhibition_text">
                            <h2>由历代BMW精髓缔造</h2>
                            <span> 全新BMW 3系，撼然而至。</span>
                            <p>全新BMW 3系长轴距版
                                <br>
                                车型售价￥318,900起
                            </p>
                        </div>
                        <div class="Exhibition_btn">
                            <button>了解详情</button>
                        </div>
                    </div>
                </div>

                <!-- 倒计时 -->
                <!-- 距离结束时间还有 -->
                <div class="time_out">
                    距离活动结束时间还有:
                </div>
                <div class="time">
                    <span class="day"></span>
                    <span class="hour"></span>
                    <span class="minute"></span>
                    <span class="second"></span>
                </div>
                <div class="piao">
                    <button id="btn">订票</button>
                    <input type="text" class="name" placeholder="请输入名字">
                    <input type="date" class="visiting_date" placeholder="时间">
                    <input type="text" class="contact_information" placeholder="联系方式">
                    <input type="number" class="attendees_number" placeholder="订票张数">

                </div>
                <!-- 联系我们 -->
                <div class="contact">

                </div>
            </div>
    </main>

    <!-- 尾部 -->
    <div id="footer">
        <div class="container">
            <div class="row">
                <div class="w">
                    <div class="footer_nav">
                        <p><a href="JavaScript:;">QQ邮箱</a></p>
                        <P><a href="JavaScript:;">微信</a></P>
                        <p><a href="JavaScript:;">微博</a></p>
                    </div>
                    <div class="hr">

                    </div>
                    <div class="font">
                        <p>Copyright</p>
                        <P>2020-2024</P>
                        <p>IAA</p>
                        <P>版权所有</p>
                    </div>
                    <!-- <div class="font">

                    </div> -->
                    <div class="font_bom">
                        <p><img src="./images/Logo.svg"> 京ICP备11000001号</p>
                        <p><img src="./images/Logo.svg">京公网安备11000000000001号</p>
                    </div>
                </div>
            </div>
        </div>
        <script src="./js/index.js"></script>
</body>

</html>